<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目中的问题</title>
</head>
<body>
<script>
    // 节流的概念 
    // <!-- 函数节流的基本思想是，某些代码不可以没有间断的情况下连续重复执行。
    // 第一次调用函数，创建一个定时器，在指定的时间间隔之后运行代码。
    // 当第二次条用该函数时，它会清除前一次的定时器并设置另一个。
    // 如果前一个定时器已经执行过了，这个操作就没有任何意义。
    // 然而，如果前一个定时器尚未执行，其实就是将其替换为一个新的定时器。
    // 目的是只有再执行函数的请求停止了一段时间之后才执行 -->
//     var processor = {
//     timeoutId: null,
 
//     // 实际进行处理的方法
//     performProcessing: function () {
//         // 实际执行的代码
//     },
 
//     // 初始处理调用的方法
//     process: function () {
//         clearTimeout(this.timeoutId)
 
//         var _this = this
//         this.timeoutId = setTimeout(function () {
//             _this.performProcessing()
//         }, 100)
//     }
// }
 
// // 尝试开始执行
// processor.process()
</script>
</body>
</html>